
.slideshow{ position:relative; height:209px; overflow:hidden}  
.slideshow.sprite1{ background:url(../../_univers/img/foldersSprite1.jpg); }  
.slideshow.sprite2{ background:url(../../_univers/img/foldersSprite2.jpg); }  
.slideshow.sprite3{ background:url(../../_univers/img/foldersSprite3.jpg); }  
.slideshow.conduite-changement{ background-position:right 0 }  
.slideshow.web{ background-position:right -224px }  
.slideshow.systemes{ background-position:right -448px }  
.slideshow.pc{ background-position:right -672px }  
.slideshow.internet{ background-position:right -896px }  
.slideshow.bureautique{ background-position:right -1120px }  
.slideshow.secu{ background-position:right -1344px }  
.slideshow ul{ width:168px; height:100%; background:url(/www.commentcamarche.net/_skin/_common/img/bg_slideshowNav.png) repeat; _background:#F0F6FC; }  
.slideshow ul li a{ display:block; height:15px; padding:7px 8px; border-bottom:1px solid #fff; color:#3e4545; }  
.slideshow ul li a:hover, .slideshow ul li a:focus, .slideshow ul li a.selected{ color:#fff; text-decoration:none; background:#d6071b; }  
.slideshow ul li a span{ display:block; }  
.slideshow ul li a .cat{ text-transform:uppercase; font-weight:bold; } 
.slideshow .button{ position:absolute; right:15px; bottom:15px} 

.middleBox{ border-top:1px solid #f5f5f3; border-bottom:1px solid #d7d7d7; zoom:1} 
.middleBox.first{ min-height:222px; overflow:hidden} #content .middleBox.zoom h4 a{ text-transform:uppercase} 
.middleBox h4{ position:relative; margin:0; padding:10px; border-bottom:1px solid #d7d7d7; color:#303030; font-weight:bold; text-transform:uppercase; zoom:1} 
.middleBox h4.bgGrWhiteB:hover{ background:url(/www.commentcamarche.net/_skin/_common/img/overlay-whiteT.png) top left repeat-x; _background:none}  
.middleBox h4 .ico{ position:relative; top:1px; float:right; margin-left:5px; width:14px; height:13px; background:url(/www.commentcamarche.net/_skin/_common/img/ico_sprite.gif?20100602) -141px -527px; } 
.middleBox .section{ position:relative; margin:10px; font-family:tahoma, arial; zoom:1}  
.middleBox .section .article{ font-size:11px; } 
.middleBox .section p{ margin-bottom:10px} div.zoom .section h4{ padding:0; border:none} 
.middleBox .section > .zoom{ display:block; width:58px; height:58px; position:absolute; top:-2px; right:-3px; z-index:2; background:url(/www.commentcamarche.net/_skin/_common/img/ico_zoom.png) no-repeat} 
.middleBox .section .img,.middleBox .section .img img,.middleBox .section .img span,.middleBox .section .imgLeft span{ display:block; position:relative} 
.middleBox .section .img span,.middleBox .section .imgLeft span{ height:100%} 
.middleBox .section .img,.middleBox .section .imgLeft{ padding:3px; border:1px solid #d7d7d7; background:#fff; width:172px; height:71px; overflow:hidden} 
.middleBox .section .imgLeft{ float:left; margin-right:10px} 
.middleBox .section .imgLeft.small{ width:55px; height:55px}  
.middleBox .section .img:hover, .middleBox .section .img:focus, .middleBox .section .imgLeft:hover, .middleBox .section .imgLeft:focus{ border:1px solid #d6071b; }  
.middleBox .section .imgLeft + .article{ float:left; width:107px; }  
.middleBox .section .article li{ list-style-position:outside; margin-bottom:5px; }  
.middleBox .section .article p{ margin:5px 0 0 0; } 
.middleBox .section .article span.floatLeft{ margin-right:5px} 
.middleBox .section .article span.floatLeft + div{ float:left; width:146px} 
.middleBox .section .article span.listDecimal{ color:#d6071b; font-weight:normal; } 
.titleSection{ padding-bottom:4px; border-bottom:1px solid #d7d7d7}  
.titleSection h4{ font-size:14px; font-weight:bold; text-transform:uppercase; }  
.title h2{ font-size:16px; font-weight:bold} 
.folderFirst{ position:relative; border:1px solid #ccc; height:224px; margin-bottom:15px} 
.folderFirst h2{ margin-bottom:5px} 
.folderFirst .title{ position:absolute; padding:10px; width:408px; bottom:0; left:0; background:#fff; background:url(/www.commentcamarche.net/_skin/_common/img/bg_whiteOpa80.png) repeat} 
.spriteRef{ position:relative; height:100%; background:url(../../_univers/img/foldersSpriteRef.jpg?1) 100% 0; } 
.folderFirst:hover{ border:1px solid #999; cursor:pointer} 
a.global{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:20; background:url(../../_common/img/pix.gif) repeat} 
.sliderHome{ position:relative; overflow:hidden; width:430px; height:305px} 
.sliderHome .prevBtn,.sliderHome .nextBtn,.sliderHome .ico_sldL,.sliderHome .ico_sldR{ position:absolute; top:54px; z-index:10} 
.sliderHome .prevBtn,.sliderHome .ico_sldL{ left:-4px } 
.sliderHome .nextBtn,.sliderHome .ico_sldR{ right:-4px } 

.sliderHome .slideItem{ float:left; width:450px; height:305px; margin-right:14px}  
/*Uko ugenda wongera margin-right, distance hagati ya images igenda yiyongera na  images zikegera iburyo*/
/*Widht nayo yigiza iburyo ama images yose ariko agenda atandukanye*/

.sliderHome .slideItem .slBd{ border:1px solid #ccc; zoom:1 } 
/*border=guhindura border cyangwa cadre ikikije buri image*/ 
 
.sliderHome .slideItem .img{ width:202px; height:159px; table-layout:fixed; border-collapse:collapse; margin:2px; }  
/*guhindura ubununi bwa images zose icyarimwe ariko aho ziri ntihiyongere */
.sliderHome .slideItem .img td{ text-align:center; vertical-align:middle; background:#FFF; }  
.sliderHome .slideItem .img td a{ display:block; }  
.sliderHome .slideItem .img td img{ display:block; margin:0 auto; max-width:100%; max-height:157px }  
.sliderHome .slCat{ text-transform:uppercase; color:#999; font-weight:bold; margin-top:5px; display:block; }  
.sliderHome h2{ font-size:17px; font-weight:bold; margin-bottom:5px; } 
.prevBtn,.ico_sldL{ background-position:0 0; } 
.prevBtn:hover,.ico_sldL:hover{ background-position:-42px 0; } 
.prevBtn:active,.ico_sldL:active{ background-position:-84px 0; } 
.nextBtn,.ico_sldR{ background-position:-26px 0; } 
.nextBtn:hover,.ico_sldR:hover{ background-position:-68px 0; } 
.nextBtn:active,.ico_sldR:active{ background-position:-110px 0;